<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="./css/4.css">
</head>
<body>
    <!--
        table-cell布局
        特点：比其他方法多1个容器，注意边距重叠
    -->
    <section class="layout table-cell">
        <div class="outer">
            <article>
                <p>
                    4.table-cell<br>（多1个容器，注意边距重叠）
                </p>
            </article>
        </div>
    </section>
</body>
</html>